<template>
  <div class="wrapper">
    <v-head></v-head>
    <v-sidebar></v-sidebar>
    <div class="content" :class="{expand_content: this.$store.state.foldAsideNav}">
      <transition name="move" mode="out-in">
        <right-panel v-if="useTabs"></right-panel>
        <router-view v-else></router-view>
      </transition>
    </div>
  </div>
</template>

<script>
  import vHead from "../components/Header.vue";
  import vSidebar from "../components/Sidebar.vue";
  import rightPanel from "../components/RightPanel.vue";
  import {useTabs} from "../constant";

  export default {
    components: {
      vHead, vSidebar, rightPanel
    },
    data () {
    	return {
    		useTabs
      }
    }
  }
</script>
